<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/shouye.css" />
		
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
			window.onload = function(){
				
				document.getElementById('huodong').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'huodong.html', 
id:'huodong'
});
});

document.getElementById('gonghui').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'gonghui.html', 
id:'gonghui'
});
});

document.getElementById('my').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'my.html', 
id:'my'
});
});


				
				
			}
			
		</script>
		<!--time-->
		<script src="js/jquery.js"></script>
		<script type="text/javascript">
$(function(){
	countDown("2017/5/30 24:00:00",null,"#demo02 .hour","#demo02 .minute","#demo02 .second");
});

function countDown(time,day_elem,hour_elem,minute_elem,second_elem){
	//if(typeof end_time == "string")
	var end_time = new Date(time).getTime(),//月份是实际月份-1
	//current_time = new Date().getTime(),
	sys_second = (end_time-new Date().getTime())/1000;
	var timer = setInterval(function(){
		if (sys_second > 0) {
			sys_second -= 1;
			var day = Math.floor((sys_second / 3600) / 24);
			var hour = Math.floor((sys_second / 3600) % 24);
			var minute = Math.floor((sys_second / 60) % 60);
			var second = Math.floor(sys_second % 60);
			day_elem && $(day_elem).text(day);//计算天
			$(hour_elem).text(hour<10?"0"+hour:hour);//计算小时
			$(minute_elem).text(minute<10?"0"+minute:minute);//计算分
			$(second_elem).text(second<10?"0"+second:second);// 计算秒
		} else { 
			clearInterval(timer);
		}
	}, 1000);
}

var slider = mui("#slider");
slider.slider({
interval:5000//自动轮播周期，若为0则不自动播放，默认为0；
});
</script>
		<!--time-->
		<header class="mui-bar mui-bar-nav">
			
			<a class="nav-top-left"> <img src="icon/icon_0.jpg"  class="back"  width="12px" height="20px"/>
			<span id="" >
				返回
			</span>
			</a>
			<p id="title" class="mui-title title2">极战FMB</p>
			<a class="mui-action-menu mui-icon mui-pull-right "><img src="icon/icon_2.jpg"  width="32px" height="12px"/></a>
		</header>
		
		<div id="" class="mui-content">
			<div id="slider" class="mui-slider">
  			<div class="mui-slider-group mui-slider-loop">
    <!--支持循环，需要重复图片节点-->
			    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="images/slider_1.jpg" /></a></div>
			    <div class="mui-slider-item"><a href="#"><img src="images/slider_1.jpg" /></a></div>
			    <div class="mui-slider-item"><a href="#"><img src="images/slider_1.jpg" /></a></div>
			    <div class="mui-slider-item"><a href="#"><img src="images/slider_1.jpg" /></a></div>
			    
    <!--支持循环，需要重复图片节点-->
    			<div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="images/slider_1.jpg" /></a></div>
  			</div>
  			<div class="mui-slider-indicator">
  				<div class="mui-indicator mui-active">	
  				</div>
  				<div id="" class="mui-indicator">					
  				</div>
  				<div id="" class="mui-indicator">					
  				</div>						
  			</div>
			</div>		
		</div>
		<!--轮播-->
		<!--四宫格-->
		<div id=""class="all">
			<div class="top-cont">
				<div id="" class="right">
				<a href="#">	   
				    <div class="mui-card-header mui-card-media view1">
					<img src="images/pic.jpg" />
					<div class="mui-media-body">
						<h3>女武神养成计划</h3>
						<p>发限量</p>
					</div>
				    </div>
				</a>
		    </div>
		    
		    <div id="" class="left">
		    	<a href="#">	   
				    <div class="mui-card-header mui-card-media view1">
					<img src="images/pic.jpg" />
					<div class="mui-media-body">
						<h3>女武神养成计划</h3>
						<p>发限量利大放送发限量</p>
					</div>
				    </div>
				</a>
		    
		    </div>
			</div>
			
		    
		    <div id="" class="right">
				<a href="#">	   
				    <div class="mui-card-header mui-card-media view1">
					<img src="images/pic.jpg" />
					<div class="mui-media-body">
						<h3>女武神养成计划</h3>
						<p>发限量</p>
					</div>
				    </div>
				</a>
		    </div>
		    
		    <div id="" class="left">
		    	<a href="#">	   
				    <div class="mui-card-header mui-card-media view1">
					<img src="images/pic.jpg" />
					<div class="mui-media-body">
						<h3>女武神养成计划</h3>
						<p>发限量利大放送</p>
					</div>
				    </div>
				</a>
		    
		    </div>
		   
	     </div>
		<!--四宫格-->	
		<!--直播-->
		<div class="mui-card live">
			<a href="">
			<div class="live_1">正在直播</div>	
			<div class="live_2">3.2万人参与</div>
			<div class="mui-card-content">
				<img src="images/tv_1.jpg" width="100%"/>
			</div>
			
			<div class="live_3">机器人竞技现场血战,火花四溅 |2017无限制机器人格斗大赛</div>
			</a>
		</div>
		<!--直播-->
		<!--活动-->
		<!--<div id="" class="active clearfix">

			<div id="" class="act-right">
				<div id="" class="actl_1">
					限时活动
				</div>				
				<div id="" class="time">
					
					<div class="colockbox" id="demo02">
						<span class="hour">-</span>
						<span class="minute">-</span>
						<span class="second">-</span>
					</div>
				</div>
				<div id="" class="timep">									
				<img src="images/v1.jpg" width="122xp" height="80px"/>
				</div>
			</div>
			<div id=" " class="act-left">
				<div id="" class="act-left-top">
					<div id="" class="txt">
						<h3 class="tit">会员专属特权</h3>
						<div id=""class="righttxt">													
						<p>有权就是任性 </p>
						<p>会员专属福利</p>						
						</div>						
					</div>
					<div id="" class="pic2">						
						<img src="images/v2.jpg"  class="v2" />
					</div>	
				</div>
				
				<div id="" class="act-left-bot">
					<div id="" class="act-left-bot-left">
						<div id="" class="txt">
							<h3 class="tit_1">会员专属特权</h3>
							<div id=""class="yuanjiao">								
								<h3 class="yuanjiaotxt">有权就是任性 </h3>
							</div>
						</div>
						<div id="" class="pic2">						
							<img src="images/v3.jpg"  class="v2" width="58px" height="40px"/>
						</div>
					</div>
					
					<div id="" class="act-left-bot-right">				
						<div id="" class="txt">
							<h3 class="tit_1">会员专属特权</h3>
							<div id=""class="yuanjiao">								
								<h3 class="yuanjiaotxt">有权就是任性 </h3>
							</div>
						</div>
						<div id="" class="pic2">						
							<img src="images/v3.jpg"  class="v2" width="58px" height="40px"/>
						</div>
					</div>
					
				</div>	
			</div>
			
		</div>-->
		<!--活动-->
		<!--热门资讯-->
		<div id="" class="hotnew">
			<div class="hxian_1">
			</div>
			<span class="hottxt">热门资讯</span>
			<div class="hxian_2">
			</div>
		</div>
		<div id="" class="hotcon clearfix">
			<ul>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object" src="images/hotv_1.jpg">
						<div class="mui-media-body">
							<div class="hot_1">
								<span id="" class="miaoshu">
									2016 FMBCHAMPIONSHIP 无限制机器人格斗大赛
								</span>
							</div>
							
							<div id="" class="hot2_1">视频</div>
							
							<div class="nambers">
								<span id=""class="iconnamb">
									<img src="icon/i_1.png" width="20px"/>
									698
								</span>
								<span id="" class="iconnamb">
									<img src="icon/i_2.png" width="15px"/>
									698
								</span>
								<span id="" class="iconnamb">
									<img src="icon/i_3.png" width="15px"/>
									698
								</span>
							</div>
						</div>
					</a>
				</li>
				
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object" src="images/hotv_2.jpg">
						<div class="mui-media-body">
							<div class="hot_1">
								<span id="" class="miaoshu">
									巨型机甲现身沪上 站立近4米全备重量4.7吨
								</span>
							</div>
							
							<div id="" class="hot2_2">资讯</div>
							
							<div class="nambers">
								<span id=""class="iconnamb">
									<img src="icon/i_1.png" width="20px"/>
									698
								</span>
								<span id="" class="iconnamb">
									<img src="icon/i_2.png" width="15px"/>
									698
								</span>
								<span id="" class="iconnamb">
									<img src="icon/i_3.png" width="15px"/>
									698
								</span>
							</div>
						</div>
					</a>
				</li>
				
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object" src="images/hotv_3.jpg">
						<div class="mui-media-body">
							<div class="hot_1">
								<span id="" class="miaoshu">
									想的就是把对手干爆！熊猫直播FMB 跨年夜极战机甲PK
								</span>
							</div>
							
							<div id="" class="hot2_3">活动</div>
							
							<div class="nambers">
								<span id=""class="iconnamb">
									<img src="icon/i_1.png" width="20px"/>
									698
								</span>
								<span id="" class="iconnamb">
									<img src="icon/i_2.png" width="15px"/>
									698
								</span>
								<span id="" class="iconnamb">
									<img src="icon/i_3.png" width="15px"/>
									698
								</span>
							</div>
						</div>
					</a>
				</li>
				
			</ul>
			
			
		</div>
		
		<!--热门资讯-->
		<!--更多-->
		<div class="box">
			<a href="">
			<div class="more">
				<span id="">
					查看全部
				</span>
				<span id="" class="more_icon">
					<img src="icon/i_4.png" width="8px" height="10px"/>
				</span>
			</div>
			</a>
		</div>
		<!--底部-->
		<div class="footer">
			<nav class="mui-bar mui-bar-tab">
				<!--id="defaultTab"-->
				<a  id="home" class="mui-tab-item mui-active" href="" >
					<span class="mui-icon ">
						<img src="icon/iconnav_1.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">极战</span>
				</a>
				
				<a id="huodong" class="mui-tab-item" href="javascript:;">
					<span class="mui-icon ">
						<img src="icon/iconnav_2.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">活动</span>
				</a>
				<a id="gonghui" class="mui-tab-item" href="tab-webview-subpage-contact.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_3.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">公会</span>
				</a>
				<a id="market" class="mui-tab-item" href="tab-webview-subpage-setting.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_4.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">商城</span>
				</a>
				<a id="my" class="mui-tab-item" href="tab-webview-subpage-setting.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_5.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">我的</span>
				</a>
			</nav>	
		</div>	
		
	</body>

</html>